<template>
    <div>
        <h1>App</h1>
        <!-- <button class="btn btn-primary">hello</button> -->
        <TsBtton type="primary" size="sm">save</TsBtton>
        <TsBtton type="danger" size="lg">edit</TsBtton>
        <TsBtton type="success">delete</TsBtton>
        <TsBtton @click="log">hello</TsBtton>
        <TsBtton icon="image">hello</TsBtton>
        <!-- <i class="fa-solid fa-user"></i> -->
        <!-- <i class="fa-solid fa-image"></i> -->
    </div>
</template>
<script>












export default {
    data() {
        return {
            gender: 2
        }
    },
    methods: {
        log(e) {
            console.log(e);
        }
    }

}
</script>
<style>
div {
    border: solid;
    padding: 10px;
}
</style>